<template>
    <router-view></router-view>
    <NavbarVue></NavbarVue>

    <van-tabbar v-model="active" router>
        <van-tabbar-item icon="wap-home-o" to="/Home">首页</van-tabbar-item>
        <van-tabbar-item icon="bill-o" to="/Rent">预约</van-tabbar-item>
        <van-tabbar-item icon="comment-o" to="/RentRecord">预约信息</van-tabbar-item>
        <van-tabbar-item icon="user-o" to="/Personal">个人</van-tabbar-item>
    </van-tabbar>
</template>
<script setup lang="ts">
import NavbarVue from './components/Navbar.vue';
import { ref } from 'vue';

const active = ref(0);



</script>


<style lang="scss">
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.van-tabbar {
    opacity: 0.4;
    height: 3rem;

    :deep(.van-tabbar-item__text) {
        font-weight: bold;
        color: #000000;
    }
}
</style>
